<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>

	<meta charset="UTF-8">
	<title>精研 3.0</title>
	<link rel="stylesheet" type="text/css" href="../../index/css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="../../index/css/style.css"/>
	<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script src="../../index/laydate/laydate.js"></script>
	<script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
	<script src="../../index/js/index.js"></script>
	<script src="../../index/js/jquery.nicescroll.min.js"></script>


	<link rel="shortcut icon" href="favicon.ico"> <link href="/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
	<link href="/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">

	<link href="/css/animate.min.css" rel="stylesheet">
	<link href="/css/style.min.css?v=4.0.0" rel="stylesheet"><base target="_blank">
	<!-- Sweet Alert -->
	<link href="/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
	<!-- 弹窗-->
	<script src="../../tanchuan/js/jquery-2.0.0.min.js"></script>
	<link href="../../tanchuan/css/displaystyle.css" rel="stylesheet" />
	<script src="../../tanchuan/js/syntaxhighlighter_3.0.83/shCore.js"></script>
	<script src="../../tanchuan/js/syntaxhighlighter_3.0.83/shBrushJScript.js"></script>
	<link href="../../tanchuan/js/syntaxhighlighter_3.0.83/styles/shCoreRDark.css" rel="stylesheet" />
	<script src="../../tanchuan/js/NZ-Plugin/Js/NZ-Window.min.js"></script>
	<link href="../../tanchuan/js/NZ-Plugin/Css/NZ-Window.min.css" rel="stylesheet" />
	<script src="../../tanchuan/js/NZ-Plugin/Js/NZ-Drag.min.js"></script>
</head>
<body>
<div id="container">
	<div class="page_top">
		<!-- 导航条-->
		<div class="top_left">
			<h2 class="wms_name"><span>精研 3.0</span><em>VIP</em> </h2>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<h2 class="wms_name" >
						<span>
							<a  style="font-size:25px;color:coral;font-weight: bold;" onclick="zuoT()">做T神器</a>
						</span>
			</h2>

			<h2 class="wms_name" >
						<span>
							<a style="font-size:20px;color:coral;" onclick="showTag('/lhb')">龙虎榜</a>
						</span>
			</h2>
			<!--					<h2 class="wms_name">-->
			<!--						<span>-->
			<!--							<a style="font-size:20px;color:coral;" onclick="showTag('/ths/select24HourData')">24小时热度榜</a>-->
			<!--						</span>-->
			<!--					</h2>-->

			<!--					<h2 class="wms_name">-->
			<!--						<span>-->
			<!--							<a style="font-size:20px;color:coral;" onclick="showTag('/zhangdie/query')">盯盘</a>-->
			<!--						</span>-->
			<!--					</h2>-->

			<!--					<h2 class="wms_name">-->
			<!--						<span>-->
			<!--							<a style="font-size:20px;color:coral;" onclick="showTag('/kpl/yuJing')">量能预警</a>-->
			<!--						</span>-->
			<!--					</h2>-->

			<!--					<h2 class="wms_name">-->
			<!--						<span>-->
			<!--							<a style="font-size:20px;color:coral;" onclick="showTag('/kpl/bankuai')">板块预警</a>-->
			<!--						</span>-->
			<!--					</h2>-->
			<h2 class="wms_name">
						<span>
							<a style="font-size:20px;color:coral;" onclick="showTag('/todayVolumeExceedingBillion')">大成交</a>
						</span>
			</h2>
			<h2 class="wms_name">
						<span>
							<a style="font-size:20px;color:coral;" onclick="showTag('/wzb/千万组')">千万组</a>
						</span>
			</h2>

			<!--					<h2 class="wms_name" >-->
			<!--						<span>-->
			<!--							<a  style="font-size:20px;color:coral;" onclick="showTag('/ai/gptGaiNian')">AI 全景图</a>-->
			<!--						</span>-->
			<!--					</h2>-->
			<!--					<h2 class="wms_name" >-->
			<!--						<span>-->
			<!--							<a  style="font-size:20px;color:coral;"  onclick="showTag('/ths/reDianHotRank')">挖掘机(短线)</a>-->
			<!--						</span>-->
			<!--					</h2>-->

			<h2 class="wms_name" >
						<span>
							<a style="font-size:20px;color:coral;" onclick="showTag('/chengJiaoE')">成交额榜</a>
						</span>
			</h2>

			<h2 class="wms_name" >
						<span>
							<a style="font-size:20px;color:coral;" onclick="showTag('/zhangData')" >涨停板</a>
						</span>
				<!--					</h2>-->
				<!--					<h2 class="wms_name" >-->
				<!--						<span>-->
				<!--							<a style="font-size:20px;color:coral;" onclick="showTag('/stock/hotStocks')">AI热图</a>-->
				<!--						</span>-->
				<!--					</h2>-->

				<!--					<h2 class="wms_name" >-->
				<!--						<span>-->
				<!--							<a  style="font-size:20px;color:coral;" onclick="showTag('/zhuxian')">主线轴</a>-->
				<!--						</span>-->
				<!--					</h2>-->

				<!--					<h2 class="wms_name" >-->
				<!--						<span>-->
				<!--							<a  style="font-size:20px;color:coral;" onclick="showTag('/zy/userList')">梦想在上杯实盘比赛</a>-->
				<!--						</span>-->
				<!--					</h2>-->


				<!--					<h2 class="wms_name" >-->
				<!--						<span>-->
				<!--							<a  style="font-size:20px;color:coral;" onclick="wtchInfo()">使用说明</a>-->
				<!--						</span>-->
				<!--					</h2>-->

				<h2 class="wms_name" >
						<span>
							<a  style="font-size:15px;color:coral;"   th:text="'Service：'+${consumerQueen}+'台'"></a>
						</span>
				</h2>

		</div>
		<div >

		</div>

	</div>
	<!--顶部-->
	<div class="order_list">
		<!-- 上证 -->
		<div class="order">
			<div class="order_name">上&nbsp;&nbsp;证&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;</div>
			<h2 class="text-navy">
				<small >
					<a th:if="${sh?.szxd} ge 0"  th:text="${sh.szzs}" style="font-size:40px;font-weight:bold;color:red;"/>   &nbsp;
					<a th:if="${sh?.szxd} lt 0"  th:text="${sh.szzs}" style="font-size:40px;font-weight:bold;color:green;"/>   &nbsp;
				</small>
			</h2>
			<small >
				<p th:if="${sh?.szxd} ge 0"  style="font-family:arial;color:red;font-size:18px;" >上涨：&nbsp;&nbsp;<a th:text="${sh.szxd}+'%  &nbsp;&nbsp;' + ${sh.szxdsz}+'点  &nbsp;&nbsp;'+ ${sh.szcje/100000000}+'亿'"  style="font-size:16px;font-weight:bold;color:red;" /></p>
				<p th:if="${sh?.szxd} lt 0"  style="font-family:arial;color:green;font-size:18px;" >下跌：&nbsp;&nbsp;<a th:text="${sh.szxd}+'%  &nbsp;&nbsp;' + ${sh.szxdsz}+'点  &nbsp;&nbsp;'+ ${sh.szcje/100000000}+'亿'"  style="font-size:16px;font-weight:bold;color:green;" /></p>
			</small>
		</div>
		<!-- 深市 -->
		<div class="order">
			<div class="order_name">  深&nbsp;&nbsp;市</div>
			<h2 class="text-navy">
				<i th:if="${sz.szxd} ge 0" >
					<a th:text="${sz.szzs}" style="font-size:40px;font-weight:bold;color:red;"/>   &nbsp;
				</i>
				<i th:if="${sz.szxd} lt 0"  style="font-size:25px;font-weight:bold;">
					<a th:text="${sz.szzs}" style="font-size:40px;font-weight:bold;color:green;"/>   &nbsp;
				</i>
			</h2>
			<small >
				<i th:if="${sz.szxd} ge 0"  style="font-size:25px;font-weight:bold;">
					<p style="font-family:arial;color:red;font-size:18px;" >上涨：&nbsp;&nbsp;<a th:text="${sz.szxd}+'%  &nbsp;&nbsp;' + ${sz.szxdsz}+'点  &nbsp;&nbsp;'+ ${sz.szcje/100000000}+'亿'"  style="font-size:16px;font-weight:bold;color:red;" /></p>
				</i>
				<i th:if="${sz.szxd} lt 0"  style="font-size:25px;font-weight:bold;">
					<p style="font-family:arial;color:green;font-size:18px;" >下跌：&nbsp;&nbsp;<a th:text="${sz.szxd}+'%  &nbsp;&nbsp;' + ${sz.szxdsz}+'点  &nbsp;&nbsp;'+ ${sz.szcje/100000000}+'亿'"  style="font-size:16px;font-weight:bold;color:green;" /></p>
				</i>
			</small>
		</div>
		<!-- 大盘主力资金 -->
		<div class="order breathe-btn">
			<!--					<div class="order_name">&nbsp;&nbsp;量能情绪&nbsp;&nbsp;</div>-->
			<h2 class="text-navy " style="font-size:25px;font-weight:bold;color:red;" >
				<!--						<i th:if="${todayQinXu.ddjlr} ge 0" >-->
				<!--							<a th:text="${todayQinXu.ddjlr/100000000} + '亿'" style="font-size:40px;font-weight:bold;color:red;"/>   &nbsp;-->
				<!--						</i>-->
				<!--						<i th:if="${todayQinXu.ddjlr} lt 0"  style="font-size:25px;font-weight:bold;">-->
				<!--							<a th:text="${todayQinXu.ddjlr/100000000} + '亿'" style="font-size:40px;font-weight:bold;color:green;"/>   &nbsp;-->
				<!--						</i>-->
				<a th:text="${LNQX}" style="color: red;" ></a>
			</h2>
			<h4 class="text-danger">
				<a style="font-size:12px;">涨停:&nbsp;</a>
				<a th:text="${todayQinXu.nowZtzs}+'  &nbsp;&nbsp;'" style="font-size:15px;font-weight:bold;color:red;"/>
				<a style="font-size:12px;">跌停:&nbsp;</a>
				<a th:text="${todayQinXu.nowDtzs}+'  &nbsp;&nbsp;'" style="font-size:15px;font-weight:bold;color:green;"/>
				<a style="font-size:12px;">上涨:&nbsp;</a>
				<a th:text="${todayQinXu.ztzs}+'  &nbsp;&nbsp;'" style="font-size:15px;font-weight:bold;color:red;"/>
				<a style="font-size:12px;">下跌:&nbsp;</a>
				<a th:text="${todayQinXu.dtzs}+'  &nbsp;&nbsp;'" style="font-size:15px;font-weight:bold;color:green;"/>
			</h4>
		</div>
		<!-- 如何判断第二波启动 -->
		<div class="order" onclick="openNewWindows('/gaodu')">
			<h2 class="text-navy"  style="font-size:25px;font-weight:bold;color: red"> 连扳高度</h2>
			<div id="sparkline10"></div>
		</div>

		<!-- 外资北上 -->
		<div class="order">
			<div class="order_name">外资北上&nbsp;&nbsp;</div>
			<div>
				<h2 class="text-navy">
					<small >
						<i th:if="${bszj.netBuyAmt} ge 0" >
							<a th:text="${bszj?.netBuyAmt}+'亿'" style="font-size:40px;font-weight:bold;color:red;"/>   &nbsp;
						</i>
						<i th:if="${bszj.netBuyAmt} lt 0"  style="font-size:25px;font-weight:bold;">
							<a th:text="${bszj.netBuyAmt}+'亿'" style="font-size:40px;font-weight:bold;color:green;"/>   &nbsp;
						</i>
					</small>

				</h2>
				<h3 class="text-navy">
					</br>
					<p style="font-family:arial;font-size:12px;" >
						指数：
						<small>
							<i th:if="${bszj?.indexF3} ge 0"  style="font-size:15px;font-weight:bold;">
								<a th:text="${bszj?.indexF3}+'%  &nbsp;&nbsp;'" style="font-size:16px;font-weight:bold;color:red;"/>

							</i>
							<i th:if="${bszj?.indexF3} lt 0"  style="font-size:15px;font-weight:bold;">
								<a th:text="${bszj?.indexF3}+'%  &nbsp;&nbsp;'" style="font-size:16px;font-weight:bold;color:green;"/>
							</i>
						</small>
						上涨:&nbsp;<a th:text="${bszj?.szNum}+'  &nbsp;&nbsp;'" style="font-weight:bold;color:red;font-size:15px;"/>
						持平:&nbsp;<a th:text="${bszj?.noneNum}+'  &nbsp;&nbsp;'" style="font-weight:bold;font-size:15px;"/>
						下跌:&nbsp;<a th:text="${bszj?.xdNum}+'  &nbsp;&nbsp;'" style="font-weight:bold;color:green;font-size:15px;"/>
					</p>
				</h3>
			</div>
		</div>
	</div>
	<!--订单量-->
	<div class="main">
		<!-- 结构1 -->
		<div class="main_left">
			<!-- 左中 -->
			<!--顽主杯热票-->
			<div class=" order_wait" style="height: 475px; overflow-y: auto;">
				<table class="table" style="border-collapse: collapse;">
					<thead>
					<tr style="background: linear-gradient(to right, #9E792E, #f8e1a1);position: sticky; top: 0; z-index: 1;"> <!-- 渐变微黄背景 -->
						<th style="border: none; padding: 12px; font-size: 16px; width: 15%;">顽主杯热票</th>
						<th style="border: none; padding: 12px; font-size: 16px; width: 15%;">股票</th>
						<th style="border: none; padding: 12px; font-size: 16px; width: 10%;">持仓</th>
						<th style="border: none; padding: 12px; font-size: 16px; width: 10%;">资金</th>
						<th style="border: none; padding: 12px; font-size: 16px; width: 50%;" th:text="'描述  '+${wanZhuHotStocksDate}"></th> <!-- 将描述列宽度设置为 50% -->
					</tr>
					</thead>
					<tbody>
					<tr th:each="result,resultStat:${wanZhuHotStocks}">
						<!-- 序号 -->
						<td style="border: none; font-size: 20px">
							<span th:text="${result.rowNo}" onclick="chakanxaingxing(this)" th:id="${result.stockCode}" />
						</td>
						<!-- 股票名称 -->
						<td style="border: none; font-size: 20px">
							<span th:text="${result.stockName}" onclick="chakanxaingxing(this)" th:id="${result.stockCode}" />
						</td>
						<!-- 持仓 -->
						<td style="border: none; font-size: 20px">
							<span th:text="${result.count}+'人'" onclick="chakanxaingxing(this)" th:id="${result.stockCode}" />
						</td>
						<!-- 资金 -->
						<td style="border: none;">
							<span th:text="${result.totalFund}+ '万'" onclick="chakanxaingxing(this)" th:id="${result.stockCode}" />
						</td>
						<!-- 描述 -->
						<td style="border: none;color: #f190e9; font-size: 15px">
							<span th:text="${result.stockDesc}" onclick="chakanxaingxing(this)" th:id="${result.stockCode}" />
						</td>
					</tr>
					</tbody>
				</table>
			</div>

			&nbsp;&nbsp;
			<!-- 左（下） -->
			<!--热门选手-->
			<div class=" order_wait" style="height: 475px; overflow-y: auto;">
				<table class="table" style="border-collapse: collapse;">
					<thead>
					<tr style="background: linear-gradient(to right, #9E792E, #f8e1a1);position: sticky; top: 0; z-index: 1;"> <!-- 渐变微黄背景 -->
						<th style="border: none; padding: 12px; font-size: 16px; width: 15%;">热门选手</th>
						<th style="border: none; padding: 12px; font-size: 16px; width: 20%;">名称</th>
						<th style="border: none; padding: 12px; font-size: 16px; width: 10%;">总收益</th>
						<th style="border: none; padding: 12px; font-size: 16px; width: 15%;">资产</th>
						<th style="border: none; padding: 12px; font-size: 16px; width: 40%;" th:text="风格"></th> <!-- 将描述列宽度设置为 50% -->
					</tr>
					</thead>
					<tbody>
					<tr th:each="result,resultStat:${wanZhuHotUserDtos}">
						<!-- 关注度 -->
						<td style="border: none; font-size: 20px;color: red;">
							<span th:text="${result.count}" onclick="chakanxaingxing(this)" th:id="${result.count}" />
						</td>
						<!-- 名称 -->
						<td style="border: none; font-size: 20px">
							<span th:text="${result.playerName}" onclick="chakanxaingxing(this)" th:id="${result.count}" />
						</td>
						<!-- 总收益 -->
						<td style="border: none; font-size: 20px;color: red;">
							<span th:text="${result.totalIncome}" onclick="chakanxaingxing(this)" th:id="${result.count}" />
						</td>
						<!-- 资产 -->
						<td style="border: none;">
							<span th:text="${result.todayFund}+ 'w'" onclick="chakanxaingxing(this)" th:id="${result.count}" />
						</td>
						<!-- style -->
						<td style="border: none;color: #f190e9; font-size: 15px">
							<span th:text="${result.style}" onclick="chakanxaingxing(this)" th:id="${result.count}" />
						</td>
					</tr>
					</tbody>
				</table>
			</div>

		</div>
		<!-- 结构2 -->
		<div class="main_left">
			<!-- 中中 -->
			<!-- 涨跌数（图表） -->
			<div class="home_today_new" style="height: 500px; overflow-y: auto;" >
				<!--						<div class="home_tit" style="color: burlywood;font-size: 15px">-->
				<!--							[成交量]-->
				<!--						</div>-->
				<div class="home_list">
					<!--							<div class="home_order">-->
					<!--								<div class="home_name" style="font-size:18px;">-->
					<!--									量能情绪-->
					<!--								</div>-->
					<!--								<div class="home_num new_num"> <a th:text="${LNQX}" style="color: red;" ></a></div>-->
					<!--							</div>-->
					<div class="home_order">
						<div class="home_name">
							上证量能
						</div>
						<div class="home_num jian_num" th:text="${szAndShTotalTradeSum.shTradeSum}+'亿'">
						</div>
					</div>
					<div class="home_order" onclick="openNewWindows('/zhangData')">
						<div class="home_name"  >
							深市量能
						</div>
						<div class="home_num jian_num" th:text="${szAndShTotalTradeSum.szTradeSum}+'亿'">
						</div>
					</div>

					<div class="home_order " onclick="openNewWindows('/zhuxian')">
						<div class="home_name "  >
							A股总量能
						</div>
						<div class="home_num jian_num" th:text="${AtotalAmount}+'亿'">
						</div>
					</div>
				</div>
				<div id="home_today_new"></div>
				<!--今日作业趋势图-->
			</div>
			<!-- 中下 -->
			<!-- 高度板 -->
			<div class="ship_order" style="height: 475px; overflow-y: auto;">
				<table class="table" style="border-collapse: collapse;">
					<thead>
					<tr style="background: linear-gradient(to right, #9E792E, #f8e1a1);position: sticky; top: 0; z-index: 1;">
						<th style="border: none;" onclick="openNewWindows('/zhangData')">高度板</th>
						<th style="border: none;">连扳次数</th>
						<th style="border: none;">封板资金</th>
						<th style="border: none;">涨跌</th>
						<th style="border: none;">板块</th>
					</tr>
					</thead>
					<tbody>
					<tr th:each="result : ${zhangTingBanList}">
						<td style="border: none;font-size: 20px;" th:text="${result.name}" />
						<td style="border: none; font-size: 20px;" th:text="${result.lbc} + '板'" th:id="'redian_' + ${result.code}" onclick="stockReDianKan24Hour(this)" />
						<td style="border: none;">
							<span th:if="${result.fund} ge 100000000" style="color: red;font-size: 20px;" th:text="${result.fund / 100000000} + '亿'" th:id="${result.code}" onclick="wtchK(this)" />
							<span th:if="${result.fund} lt 100000000" style="color: red;font-size: 20px;" th:text="${result.fund / 10000000} + '亿'" th:id="${result.code}" onclick="wtchK(this)" />
						</td>
						<td style="border: none;font-size: 20px;" th:text="${result.zdp} + '%'" th:id="'kandian_' + ${result.code}" onclick="stockKanDian(this)" />
						<td style="border: none;font-size: 20px;" th:text="${result.ztReason}" th:id="'kandian_' + ${result.code}" onclick="stockKanDian(this)" />

					</tr>
					</tbody>
				</table>
			</div>
			&nbsp;

		</div>
		<!-- 结构3 -->
		<div class="main_midd">
			<!-- 中部-上 -->
			<div class="order_wait">
				&nbsp;
				<!--24H热度榜-->
				<div class="order_wait" style="height: 450px; overflow-y: auto;">
					<table class="table" style="border-collapse: collapse;">
						<thead>
						<tr style="background: linear-gradient(to right, #9E792E, #f8e1a1); position: sticky; top: 0; z-index: 1;">
							<th style="border: none; front-size: 16px;">24H热度榜</th>
							<th style="border: none;">涨跌</th>
							<th style="border: none;">热度</th>
							<th style="border: none;">概念</th>
							<th style="border: none;">K线/做T</th>
						</tr>
						</thead>
						<tbody>
						<tr th:each="result,resultStat:${thsHotStockList}">
							<!-- 股票名称 -->
							<td style="border: none;font-size: 20px;">
								<span th:text="${result.name}" onclick="chakanxaingxing(this)" th:id="${result.code}" />
							</td>
							<!-- 涨跌 -->
							<td style="border: none;font-size: 20px;">
								<i th:if="${result.zhangdie ge 0}">
									<span class="badge badge-danger" th:text="${result.zhangdie} +'%'" th:id="'kandian_' + ${result.code}" onclick="stockKanDian(this)"/>
								</i>
								<i th:if="${result.zhangdie lt 0}">
									<span class="badge badge-info" th:text="${result.zhangdie} +'%'" th:id="'kandian_' + ${result.code}" onclick="stockKanDian(this)"/>
								</i>
							</td>
							<!-- 热度 -->
							<td style="border: none;font-size: 20px;">
								<span class="badge badge-warning" th:text="${result.rate / 10000} + '万'" th:id="'redian_' + ${result.code}" onclick="stockReDianKan24Hour(this)" />
							</td>
							<!-- 概念 -->
							<td style="border: none;font-size: 20px;">
								<span th:text="${result.market}" th:id="'redian_' + ${result.code}" />
							</td>
							<!-- K线/做T -->
							<td style="border: none;">
								<i th:if="${#strings.startsWith(result.code, '6')}">
									<span class="badge label-danger" th:id="'sh' + ${result.code}" onclick="wtchK(this)">K</span>
									<span class="badge label-danger" th:id="'sh' + ${result.code}" onclick="stockTBykey(this)">T</span>
								</i>
								<i th:if="${#strings.startsWith(result.code, '0')}">
									<span class="badge label-danger" th:id="'sz' + ${result.code}" onclick="wtchK(this)">K</span>
									<span class="badge label-danger" th:id="'sz' + ${result.code}" onclick="stockTBykey(this)">T</span>
								</i>
								<i th:if="${#strings.startsWith(result.code, '3')}">
									<span class="badge label-danger" th:id="'sz' + ${result.code}" onclick="wtchK(this)">K</span>
									<span class="badge label-danger" th:id="'sz' + ${result.code}" onclick="stockTBykey(this)">T</span>
								</i>
							</td>
						</tr>
						</tbody>
					</table>
					&nbsp;
				</div>
				&nbsp;
			</div>

			<!-- 中部-下 -->
			<div class="order_wait">
				&nbsp;
				<!-- 涨停池 -->
				<div class="abort" th:classappend="${yao_gu_flag}? 'breathe-btn-red':''" style="height: 475px; overflow-y: auto;">
					<table class="table" style="border-collapse: collapse;">
						<thead>
						<tr style="background: linear-gradient(to right, #9E792E, #f8e1a1);position: sticky; top: 0; z-index: 1;">
							<th style="border: none;" onclick="stockTByIndex(this)" id="ZX_TAG_YAO_GU">涨停池</th>
							<th style="border: none;">高度</th>
							<th style="border: none;">换手率</th>
							<th style="border: none;">封单额</th>
						</tr>
						</thead>
						<tbody>
						<tr th:each="result : ${zhangTingBanList_ZT}">
							<!-- 名称 -->
							<td style="border: none; color:coral;font-size: 20px;" th:text="${result.name}" />
							<!-- 高度 -->
							<td style="border: none; color: red;font-size: 20px;" th:text="${result.highDays}" />
							<!-- 换手率 -->
							<td style="border: none;font-size: 20px;" th:text="${result.turnoverRate} + '%'" />
							<!-- 封单额 -->
							<td style="border: none;font-size: 20px;" th:text="${#numbers.formatDecimal(result.orderAmount / 100000000, 1, 'COMMA', 2, 'POINT')} + '亿'" />
						</tr>
						</tbody>
					</table>
				</div>
				&nbsp;
				<!-- 跌停池 -->
				<div class="abort" th:classappend="${ztg_qxlt_flag}? 'breathe-btn-red':''" style="height: 450px; overflow-y: auto;">
					<table class="table" style="border-collapse: collapse;">
						<thead>
						<tr style="background: linear-gradient(to right, #9E792E, #f8e1a1);position: sticky; top: 0; z-index: 1;">
							<th style="border: none;" onclick="stockTByIndex(this)">跌停池</th>
							<th style="border: none;">涨跌幅</th>
							<th style="border: none;">换手率</th>
							<th style="border: none;">流通市值&nbsp;&nbsp;</th>
						</tr>
						</thead>
						<tbody>
						<tr th:each="result : ${zhangTingBanList_DTC}">
							<td style="border: none; font-size: 20px" th:text="${result.name}" />
							<td style="border: none; color: green; font-size: 20px" th:text="${result.changeRate} + '%'" th:id="'kandian_' + ${result.code}" onclick="stockKanDian(this)" />
							<td style="border: none; font-size: 20px" th:text="${result.turnoverRate}" />
							<td style="border: none; font-size: 20px" th:text="${#numbers.formatDecimal(result.currencyValue / 100000000, 1, 'COMMA', 2, 'POINT')} + '亿'" />
						</tr>
						</tbody>
					</table>
				</div>

			</div>
		</div>

	</div>

</div>
<div id="footer" style="text-align: center; color: white;">
	<p style="font-size: 10px">备案号：赣ICP备2022003068号-2</p>
</div>

<script src="/js/bootstrap.min.js?v=3.3.5"></script>
<script src="/js/plugins/sparkline/jquery.sparkline.min.js"></script>
<script src="/js/plugins/peity/jquery.peity.min.js"></script>
<script src="/js/content.min.js?v=1.0.0"></script>
<script src="/js/demo/peity-demo.min.js"></script>
<script src="/js/plugins/gritter/jquery.gritter.min.js"></script>
<script src="/js/plugins/sweetalert/sweetalert.min.js"></script>
</body>

<style>
	/* 默认行背景色 */
	.table tr {
		transition: background-color 0.3s ease; /* 平滑过渡效果 */
	}

	.table tr:hover {
		background: linear-gradient(to right, #3a4459, #feb47b); /* 渐变背景色 */
		cursor: pointer; /* 鼠标指针变为点击样式 */
	}
	#sparkline10 {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		overflow: hidden;
	}
</style>
<script type="text/javascript">
	var zhangTingList= [[${zhangTingList}]];
	var dieTingList= [[${dieTingList}]];
	var szList= [[${szList}]];
	var xdList= [[${xdList}]];
	var size= [[${size}]];
	//
	// var tradeDays= [[${tradeDays}]];
	// var szTradeAmount= [[${szTradeAmount}]];
	// var shTradeAmount= [[${shTradeAmount}]];
	// var totalTradeAMount= [[${totalTradeAMount}]];
	var tradeMinutes = [[${objMinutes_}]];
	var yesToDayAmount = [[${objyestoDayAmount_}]];
	var toDayAmount = [[${objToDayAmount_}]];
	//
	var days= [[${days}]];
	var gaoDu= [[${gaoDu}]];

	var myChart2 =echarts.init(document.getElementById('home_today_new'));
	var option2 ={
		backgroundColor: '#1b1e25',
		title: {
			text: '',
		},

		tooltip: {
			enterable:true,
			trigger: 'axis'

		},
		grid: {
			left: '3%',
			right: '3%',
			top: '10%',
			bottom:"2%",
			containLabel: true
		},
		xAxis : [
			{
				axisLine:{
					lineStyle:{
						color:'#3e4148',
						width:1,//这里是为了突出显示加上的
					}
				},
				type : 'category',
				data :  tradeMinutes
			}
		],
		yAxis : [
			{
				splitLine:{
					lineStyle:{
						color: '#21242b',
					}
				},
				type : 'value',
				axisLine:{
					lineStyle:{
						color:'#43484e',
						width:0,//这里是为了突出显示加上的
					}
				}
			}
		],
		series : [
			{
				name:'昨日',
				type:'bar',
				symbol:'none',
				barWidth: '20%',
				data: yesToDayAmount,
				smooth: true,
				itemStyle : {
					color:'#999999'
				},
				areaStyle: {normal: { color: ['rgba(255,255,255,0.1)']}},
			},
			{
				name:'今日',
				type:'bar',
				symbol:'none',
				barWidth: '20%',
				data: toDayAmount,
				smooth: true,
				itemStyle : {
					color:'red'
				},
				areaStyle: {normal: { color: ['rgba(255,255,255,0.1)']}},
			}
		]
	};
</script>
<script>

	$(".order_num").each(function(){
		var that=$(this);
		var text1=that.text();
		var text1_1=parseInt(text1);
		var te=formatNum(text1_1+"");
		that.text(te)
	})


	function formatNum(str) {
		var newStr = "";
		var count = 0;
		if (str.indexOf(".") == -1) {
			for (var i = str.length - 1; i >= 0; i--) {
				if (count % 3 == 0 && count != 0) {
					newStr = str.charAt(i) + "," + newStr;
				} else {
					newStr = str.charAt(i) + newStr;
				}
				count++;
			}
			str = newStr;
			return str;
		}

	}

	function chakanxaingxing(object) {
		var code = object.id;
		var url = 'http://stockpage.10jqka.com.cn/' + code;
		$.NZ_Window.show({
			url: url,
			width: 1100,
			height: 800,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
		// window.open('/stockMinutes?code='+code,'','width=2000,height=1000,left=200,top=300,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
	}
	function stockKanDian(object) {
		var code = object.id;
		var url = 'stockKanDian?code=' + code.replace("kandian_", "");
		$.NZ_Window.show({
			url: url,
			width: 1100,
			height: 800,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
		// window.open('/stockMinutes?code='+code,'','width=2000,height=1000,left=200,top=300,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
	}

	function stockReDianKanOneHour(object){
		var code=object.id;
		$.NZ_Window.show({
			url: '/ths/stockKanDian?type=oneHour&code='+code,
			width: 1500,
			height: 1000,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
		// window.open('/stockMinutes?code='+code,'','width=2000,height=1000,left=200,top=300,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
	}

	function stockReDianKan24Hour(object){
		var code=object.id;
		$.NZ_Window.show({
			url: '/ths/stockKanDian?type=24Hour&code='+code,
			width: 1500,
			height: 1000,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
		// window.open('/stockMinutes?code='+code,'','width=2000,height=1000,left=200,top=300,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
	}

	function stockMinutes30(object){
		var code=object.id;
		$.NZ_Window.show({
			url: '/stockMinutes30?code='+code,
			width: 1500,
			height: 1000,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
		// window.open('/stockMinutes?code='+code,'','width=2000,height=1000,left=200,top=300,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
	}

	function openUrl(url){
		window.open(url,"_blank");
	}

	function chakanBanKuai(object){
		var code=object.id;
		var url= 'http://quote.eastmoney.com/bk/'+code+'.html#fullScreenChart';
		$.NZ_Window.show({
			url: url,
			width: 1100,
			height: 800,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
		// window.open('/stockMinutes?code='+code,'','width=2000,height=1000,left=200,top=300,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
	}
	function banKuaiMaoLiLv(object) {
		var code=object.id;
		var url = 'banKuaiMaoLiLv?banKuai='+code;
		$.NZ_Window.show({
			url: url,
			width: 1100,
			height: 800,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
	}

	function openNewWindows(url){
		// var code=object.id;
		// var url= 'http://quote.eastmoney.com/bk/'+code+'.html';
		$.NZ_Window.show({
			url: url,
			width: 1100,
			height: 800,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
		// window.open('/stockMinutes?code='+code,'','width=2000,height=1000,left=200,top=300,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');
	}
	function wtchK(object){
		var code=object.id;
		$.NZ_Window.show({
			url: "https://quote.eastmoney.com/concept2/"+code+".html#fullScreenChart",
			//url: 'https://t.10jqka.com.cn/m/'+code+'/touzi/',
			width: 1500,
			height: 1000,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
	}

	function wtchInfo(){
		$.NZ_Window.show({
			url: "https://www.yuque.com/yonghengguodu-fohhs/us5yes/badxyrcgm6tw50wg?singleDoc# 《精研 3.0 使用说明》",
			//url: 'https://t.10jqka.com.cn/m/'+code+'/touzi/',
			width: 1500,
			height: 1000,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
	}

	function querySinaStockInfo(){
		var xhr = new XMLHttpRequest();
		xhr.open('POST', 'http://hq.sinajs.cn/list=s_sh000001', true);
		xhr.setRequestHeader('Referer', 'https://finance.sina.com.cn');
		xhr.onreadystatechange = function () {
			if (xhr.readyState === 4) {
				if (xhr.status === 200) {
					var response = JSON.parse(xhr.responseText);
					console.log(response);
				} else {
					console.log('Error: ' + xhr.status);
				}
			}
		};
		xhr.send();
	}


	function showTag(url){
		$.NZ_Window.show({
			url: url,
			width: 1500,
			height: 1000,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
	}

	function zuoT(){
		$.NZ_Window.show({
			url: "/zuot/stockKey",
			width: 500,
			height: 1000,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
	}

	function stockTBykey(object) {
		var code = object.id;
		var url = '/zuot/stockKey?key=' + code.replace("kandian_", "");
		$.NZ_Window.show({
			url: url,
			width: 500,
			height: 1000,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
	}

	function stockTByIndex(object) {
		var code = object.id;
		var url = '/zuot/index?key=' + code.replace("kandian_", "");
		$.NZ_Window.show({
			url: url,
			width: 500,
			height: 800,
			operate: {
				btn_Close: true, //关闭按钮
				btn_Max: true, //最大化按钮
				btn_Refresh: true, //刷新按钮
				btn_NewWindow: true, //新窗口按钮
				resize: true //调整窗口大小按钮
			}
		});
	}
	$("#sparkline10").sparkline(gaoDu, {
		type: "line",
		width: "90%", // 调整宽度
		height: "90%", // 调整高度
		lineColor: "#fafafa", // 折线颜色
		fillColor: null // 禁用填充颜色，确保只显示线条
	});
</script>
</html>

